<template>
  <AppPage fullViewport>
    <ListPage
      :list="list"
      :api="api"
      rowKey="id"
      :columns="columns"
      :showOperation="showOperation"
      :staticQuery="staticQuery"
      :injectInfo="injectInfo"
    >
      <template #operation>
        <ElButton type="primary">操作区按钮</ElButton>
      </template>
      <template #form-k1="scope">
        <ElInput v-bind="scope" />
      </template>
      <template #form-k3="scope">
        <ElDatePicker v-bind="scope" />
      </template>
      <template #table-header-k3>
        <div style="color: red">自定义表头</div>
      </template>
      <template #table-k4="scope">
        <div style="color: blue">自定义显示{{ scope.row.k4 }}</div>
      </template>
      <template #table-EXTEND_TEST>展开测试 </template>
      <template #table-OPERATE>
        <div>这里是操作</div>
      </template>
    </ListPage>
  </AppPage>
</template>
<script lang="ts" setup>
import {
  list,
  staticQuery,
  columns,
  api,
  injectInfo,
  showOperation,
} from "./config";
</script>
